

<#include "/base/common/head.html"/>

 <div class="easyui-panel addPage multiple" data-options="fit:true,border:false,novalidate:true">
    <form class="easyui-form" id="form1" method="post" data-options="novalidate:true">
        <table class="table1">
        	
					<tr>
		           		<th><span>上级菜单</span></th>
		               	<td>
		               		<div class="wrap_input">
			               		<input class="easyui-combotree" addClear type="text" name="father.id" id="father.id" value="${fatherId!''}" tabindex="1"
			               			data-options=" required:true,fit:true,editable:false,valueField:'id',textField:'name',
			               			url:'findAllForselect'"></input>
		               		</div>
		           		</td>
					</tr>
					
					<tr>
		           		<th><span>名称</span></th>
		               	<td>
		               		<div class="wrap_input"><input class="easyui-textbox" addClear type="text" name="name" id="name" value="" tabindex="2"
		               			data-options="required:true, fit:true"></input></div>
		           		</td>
					</tr>
				
					<tr >
		           		<th><span>权限码</span></th>
		               	<td>
		               		<div class="wrap_input"><input class="easyui-textbox" addClear type="text" name="authCode" id="authCode" value="${authCode!''}" tabindex="3"
		               			data-options="required:true, fit:true"></input></div>
		           		</td>
					</tr>
				
					<tr>
		           		<th><span>排序号</span></th>
		               	<td>
		               		<div class="wrap_input"><input class="easyui-numberbox" addClear type="text" name="orderNum" id="orderNum" value="${nextOrderNum!''}" tabindex="4"
		               			data-options="required:true, fit:true"></input></div>
		           		</td>
					</tr>
				
					<tr style="display:none">
		           		<th><span>类型</span></th>
		               	<td>
		               		<div class="wrap_input">
			               		<input class="easyui-combobox" addClear type="text" name="resourceType.id" id="resourceType.id" value="" tabindex="5"
			               			data-options="fit: true,editable:false,valueField:'id',textField:'name',url:'${basePath}/base/auth/resourceType/findAllForSelect',
			               			onLoadSuccess:function(){
			               					//取默认值
			               					var dataArr = $('#resourceType\\.id').combobox('getData');
			               					for(var i=0;i<dataArr.length;i++)
			               					{
			               						var obj = dataArr[i];
			               						if(obj.code == '02')
			               						{
			               							$('#resourceType\\.id').combobox('setValue',obj.id);
			               							break;
			               						}
			               						
			               					}
			               			}
			               		"></input>
		               		</div>
		           		</td>
					</tr>
					
					<tr style="display:none">
		           		<th><span>URL</span></th>
		               	<td>
		               		<div class="wrap_input"><input class="easyui-textbox" addClear type="text" name="url" id="url" value="" tabindex="6"
		               			data-options=" fit:true"></input></div>
		           		</td>
					</tr>
				
					<tr style="display:none">
		           		<th><span>图标</span></th>
		               	<td>
		               		<div class="wrap_input"><input  type="text" name="iconCls" id="iconCls" value=""  data-options=" fit:true"
		               			onclick='top.window.openPopup(this, "请选择图标", "${basePath}/base/auth/resource/iconsPage", {width: 540, height: 400})'></input></div>
		           		</td>
					</tr>
				
					<tr>
		           		<th><span>是否启用</span></th>
		               	<td style="text-align:left">
		               		<div class="wrap_input">
		               			<input class="easyui-switchbutton" name="enabled" id="enabled"  data-options="onText:'是',offText:'否'" checked />
		               		</div>
		           		</td>
					</tr>
				
					<tr>
		           		<th><span>是否锁定</span></th>
		               	<td style="text-align:left">
		               		<div class="wrap_input">
		               			<input class="easyui-switchbutton" name="locked" id="locked"  data-options="onText:'是',offText:'否'" checked />
		               		</div>
		           		</td>
					</tr>
				
					<tr style="display:none">
						<th><span>状态</span></th>
		               	<td>
		               		<div class="wrap_input"><input class="easyui-combobox" addClear type="text" name="menuState" id="menuState" value="" tabindex="9" 
		               			data-options=" fit:true, editable:false,valueField:'name',textField:'name',data: [{name: 'closed'}]"></input></div>
		           		</td>
					</tr>
           
        </table>
    </form>
</div>

<style type="text/css">

/* 文本显示样式 */
.theTxtClass{font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #2f8ec7;margin-left:10px;font-size:12px;}

/* 红色文本样式 */
.theRedTxt{color: #ff0000;font-size:14px;}

</style>

<script>

//定义保存回调方法
top.window.subPage.save = save;
function save() {
	if($("#form1").form('validate')) {
		$.post("add", getParam(), function(data) {
			if("01" == data.code){//成功
				top.window.closeWindow(); //关闭窗口
				top.window.subPage.loadCurrDatagrid(); //回调方法
				showMsg(data.msg); //显示消息
				
			}else if("04" == data.code){//失败
				showErrorMsg(data.msg); //显示错误消息
			}
			
		});
		
	}
}

//获取表单数据
function getParam() {
	var param = {
				"id": 0
				,"obj.father.id": getInputValue("father.id")
				,"obj.name": getInputValue("name")
				,"obj.url": getInputValue("url")
				,"obj.iconCls": getInputValue("iconCls")
				//,"obj.enabled": getInputValue("enabled")
				//,"obj.locked": getInputValue("locked")
				,"obj.orderNum": getInputValue("orderNum")
				,"obj.menuState": getInputValue("menuState")
				,"obj.authCode": getInputValue("authCode")
				,"obj.resourceType.id": getInputValue("resourceType.id")
				
				,"obj.enabled": $("#enabled").switchbutton("options").checked+""
				,"obj.locked": $("#locked").switchbutton("options").checked+""
		
	}
	//去除空数据
	for(key in param) {
		if(!param[key]) {
			delete param[key];
		}
	}
	return param;
}

$(function(){
/*
	为 EasyUI常用组件添加'清除'按钮及功能，共计6类，具体实现在common.js中定义，用法如下：
	（1）addClear4TextBox("#name",nameChangeDo);		//文本框,同时传入了回调函数
	（2）addClear4Combobox("#state\\.id");			//下拉列表框
	（3）addClear4Combogrid("#type\\.id");			//数据表格下拉框
	（4）addClear4Numberbox("#intNum2");				//数值输入框
	（5）addClear4Datebox("#theDate2");				//日期选择框
	（6）addClear4Datetimebox("#theTime2");			//日期选择框
	注：实现使用了 onChange 事件，如果需要使用该事件执行某些操作，可传入自定义函数，会自动回调 。
	加注：可使用autoAddClear()函数，为各组件自动填加‘清除’功能（组件需要增加 addClear属性 ）。
*/
	autoAddClear(); //为各组件自动填加‘清除’功能（组件需要增加 addClear属性 ）
	//addClear4TextBox("#name",nameChangeDo); //对于需要使用OnChange事件的组件，单独手动填加
	
	addChangeFocusOpe(); //页面增加焦点切换操作
	$('#name').next('span').find('input').focus();  //第一个元素设置焦点 
	
	
});

//名称改变时执行的一些操作。（演示清除操作回调）
var nameChangeDo = function(){
	//alert("改变了...");
}



</script>
<#include "/base/common/foot.html"/>
